<template>
   <div class="hand">
          <van-icon name="arrow-left" class="iconGoBack" @click="back"/>
          <div class="goback">返回</div>
          <div class="day">{{tit}}</div>
          <div class="more"><slot></slot></div>
      </div>
</template>

<script>
export default {
    name:'TitHead',
    props:['tit'],
    methods:{
    back(){
        this.$router.back()
    }
}

}
</script>

<style scoped>
.hand{
    width: 100%;
    height: 1rem;
    background-color: #fff;
}
.iconGoBack{
    float: left;
    color: rgb(22, 61, 236);
    padding-left: 0.2rem;
    font-size: 0.5rem;
    line-height: 1rem;
}
.goback{
     color: rgb(22, 61, 236);
     float: left;
     font-size: 0.36rem;
     line-height: 1rem;
     display: inline-block;
     margin-left: 0.16rem;
}
.day{
    float: left;
    font-weight: bold;
    line-height: 1rem;
    margin-left: 1.6rem;
    font-size: 0.36rem;
}
.more{
    float: right;
    margin-right: 0.6rem;
    color: rgb(22, 61, 236);
    font-size: 0.36rem;
    line-height: 1.1rem;
}
</style>